<!--
 * @Author: xuxu12138 1718324422@qq.com
 * @Date: 2023-08-29 09:46:07
 * @LastEditors: xuxu12138 1718324422@qq.com
 * @LastEditTime: 2024-07-05 08:36:32
 * @FilePath: /things-admin/src/view/signlog/Nav.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div class="container">
    <Layout>
      <Content>
        <div class="nav">
          <ul class="category">
            <router-link :to="{ path: `/signlog/list` }" tag="li" replace
              >列表数据
            </router-link>
            <router-link :to="{ path: `/signlog/data` }" tag="li" replace
              >图表统计
            </router-link>
            <router-link
              v-if="value"
              :to="{ path: `/signlog/integral` }"
              tag="li"
              replace
              >积分设置
            </router-link>
          </ul>
        </div>
        <div class="right">
          <keep-alive>
            <router-view />
          </keep-alive>
        </div>
      </Content>
    </Layout>
  </div>
</template>
<script lang="ts">
import { Validation } from "@/base/Validation";
import { Resources } from "@/base/Resources";
import { Component, Prop, Vue, Watch } from "vue-property-decorator";
import { Route } from "vue-router";
import { NavBloc } from "./NavBloc";
import { FormBloc } from "@/view/device/FormBloc";
import { store } from "@/store/Store";
@Component({})
export default class extends Vue {
  bloc = new NavBloc();
  // 直接进入第一个子路由 渲染
  value = Validation.check(Resources.ACCOUNT_DELETE);
  mounted() {
    this.$router.push("/signlog/list");
  }
}
</script>
<style lang="less" scoped>
.container {
  padding-top: 20px;
}
.nav {
  margin-bottom: 20px;
  background-color: rgba(255, 255, 255, 1);
  height: 50px;
  border: 1px solid rgba(242, 242, 242, 1);

  .category {
    li {
      float: left;
      cursor: pointer;
      padding: 17px 0px 12px 50px;
      width: 150px;
      position: relative;

      &:nth-child(4) {
        padding: 17px 0px 12px 50px;
        width: 184px;
      }
    }

    .router-link-active {
      border-bottom: 1px solid blue;
    }
  }
}

.right {
  min-height: 630px;
}

/deep/ .ivu-layout {
  background-color: rgba(255, 255, 255, 1);
}
</style>
